@import '@/assets/styles/settings/variables.scss';
@import './buttom';
@import './table';
@import './message';
@import './layout';

// 和模型内容 居中显示
@mixin flexCenter {
    display: flex;
    align-items: center;
}

//单行溢出隐藏
@mixin overflowEllipsis() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

//多行溢出隐藏
@mixin overflowEllipsisS($clamp) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $clamp;
}

@mixin viewBorderPinding() {
    background-color: #fff;
    border-radius: 0.08rem;
    box-sizing: border-box;
    padding: 0.2rem;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;

    &:hover {
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.35);
    }
}